﻿< ! DOCTYPE html PUBLIC "-//W3C//DTD// XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" >
		<head>
			<Charset Meta="utf-8">
			<meta name ="language" content= "pt-br" />
			<title>HOME | FILMES</title>
			<link rel="shortcut icon" href="favicon.ico"/>
			<link rel="stylesheet" type="text/css" href="CSS.css"/>
		<head/>
			<style type = "text/CSS">
				.home{
					margin-left: -25px;
					border-color: #1C1C1C;
				}
				.posts{
					background-color: #363636;
					border: 5px double red;
					height:936px;
					width: 923px;
					margin-top: 10px;
					margin-left: 200px;
			
				}
				.macacos1{
					margin-bottom:2px;
					margin-left: 2px;
					border: 2px solid #9C9C9C;
				}
				.macacos2{
					border: 2px solid #9C9C9C;
					margin-left: 597px; 
					margin-top: -878px;
				}
				.macacos3{
					margin-left: 597px;
					margin-top: -411px;
					border: 2px solid #9C9C9C;
				}
				table{
					width: 915px;
					margin: 3px 3px;
					background-color: #363636;
					color: red;
					border-collapse: collapse
				}
				th, td{
					border: 2px solid #1C1C1C;
				}
			
			</style>
	
	<body>
		<div class="cabecalho">
			<img src="Imagens/cab1.png"/>
			<a href="base.html"><img class="titulo" src="Imagens/fil.png"><a/>
		</div>
		
		<div class= "fb">
			<a href= "https://www.facebook.com/bruno.mafioletti.7" target= "_blank"><img src= "Imagens/fb.jpg"/></a>
		</div>
		
		<div class="esucri">
			<a href="http://www.esucri-univer.com.br/siteesucri/index.htm" target= "_blank"><img src="Imagens/esucri.jpg"/></a>
		</div>
		
		<div class="menu">
			<a href="base.html"><img class="home" src="Imagens/HOME.png"/></a>
			<a href="MENU/filmes.html"><img class="filmes" src="Imagens/filmes.png"/></a>
			<a href="MENU/assistir.html"><img class="assistir" src="Imagens/ASSISTIR.png"/></a>
			<a href="MENU/noticias.html"><img class="noticias" src="Imagens/noticias.png"/></a>
			<a href="MENU/sobre.html"><img class="sobre" src="Imagens/SOBRE.png"/></a>
			<a href="MENU/contato.html"><img class="contato" src="Imagens/contato.png"/></a>	
		</div>
		
		<div class="posts">
			<table class="id_filmes">
				<tr>
					<th>TÍTULO</th>
					<th>GÊNERO</th>
					<th>LANÇAMENTO</th>
				</tr>
				<tr>
					<th>Planeta dos Macacos</th>
					<th>Ficção Científica</th>
					<th>2014</th>
				</tr>
			</table>
			<img class="macacos1" src="Imagens/macacos.jpg"/>		
			<img class="macacos2" src="Imagens/macacos2.jpg"/>
			<img class="macacos3" src="Imagens/macacos4.jpg"/>
		</div>
		
		<div class="rodape">
			<img class="rodape_img" src="Imagens/rodape.png"/>
			<img class="tomada" src="Imagens/tomada.jpg"/>	
			<img class="projetor" src="Imagens/projetor.jpg"/>	
			<p class="desc_rodape">
				<strong>Desenvolvido por Bruno Mafioletti e Cristiano Gonzaga.
				<br/>Esucri, Sistemas de Informação, Tópicos Especiais I.</strong>
			</p>
		</div>
	</body>
	
		
</html>

